import React, { useRef } from 'react';
import './App.css';

function App() {
  console.log('render')
  const inputRef = useRef<HTMLInputElement>(null)
  const click = () => {
    // 非空断言 对象!.属性
    console.log(inputRef.current!.value)

    // 类型收窄
    if(inputRef.current){
      console.log(inputRef.current.value)
    }
    
  }
  return (
    <div className="App">
        <input type="text"  ref={inputRef}/>
        <button onClick={click}>非受控组件获取input的值</button>
      
    </div>
  );
}

export default App;
